<div class="am-u-sm-12 widget main-w">
	{if $notPopup}
	<ol class="am-breadcrumb">
		<li>
			<a href="{:url('/admin/index')}">首页</a>
		</li>
		<li>
			<a href="{:url('/admin/car/index')}">业务管理</a>
		</li>
		<li>
			<a href="{:url('index')}">司机管理</a>
		</li>
		<li class="am-active">司机详情</li>
	</ol>
{/if}
	<div class="am-tabs" data-am-tabs="{noSwipe: 1}">
		<ul class="am-tabs-nav am-nav am-nav-tabs">
			<li class="am-active">
				<a href="#tab1">基本信息</a>
			</li>

			<li>
				<a href="#tab2">安全记录</a>
			</li>
			<li>
				<a href="#tab3">订单记录</a>
			</li>
		</ul>
		<div class="am-tabs-bd">
			<div class="am-tab-panel am-fade am-in am-active" id="tab1">
				<fieldset>
					<legend>基本信息</legend>
					<div class="am-u-sm-12" style="margin-bottom: 10px;">
						
						<div class="am-u-sm-3 ">
							<div class="order_key am-text-truncate">姓名：</div>
							{$item.name?:"暂无信息"}
						</div>
						<div class="am-u-sm-3">
							<div class="order_key am-text-truncate">状态：</div>
							{if $item.work_state==1}执行任务中{elseif $item.work_state==2}有预约订单{elseif $item.work_state==3}听单中{elseif $item.work_state==4}下班{else/}暂无信息{/if}
						</div>
						<div class="am-u-sm-3">
							<div class="order_key am-text-truncate">身份证：</div>
							{$item.id_card?:"暂无信息"}
						</div>
						<div class="am-u-sm-3">
							<div class="order_key am-text-truncate">出生年月：</div>
							{$item.birthday?:"暂无信息"}
						</div>
					</div>
					<div class="am-u-sm-12" style="margin-bottom: 10px;">
						<div class="am-u-sm-3">
							<div class="order_key am-text-truncate">性别：</div>
							{if $item.sex==1}男{else/}女{/if}
						</div>
						<div class="am-u-sm-3">
							<div class="order_key am-text-truncate">手机号：</div>
							{$item.phone?:"暂无信息"}
						</div>
						<div class="am-u-sm-3">
							<div class="order_key am-text-truncate">原职位：</div>
							{$item.original_position?:"暂无信息"}
						</div>

						<div class="am-u-sm-3">
							<div class="order_key am-text-truncate">驾龄：</div>
							{$item.driving_age?:"暂无信息"}年
						</div>
					</div>
					<div class="am-u-sm-12" style="margin-bottom: 10px;">
						<div class="am-u-sm-3">
							<div class="order_key am-text-truncate">绑定车辆：</div>
							{$item.number?:"暂无信息"}
						</div>
						<div class="am-u-sm-6 am-text-nowrap"  style="overflow: auto;">
							<div class="order_key am-text-truncate">所属公司：</div>
							{$item.car_rental_name?:"暂无信息"}
						</div>
						<div class="am-u-sm-6">
						</div>
					</div>
					<div class="am-u-sm-12" style="margin-bottom: 10px;">
					<div class="am-u-sm-12 am-text-nowrap" style="overflow: auto;">
							<div class="order_key am-text-truncate">住址：</div>
							{$item.add?:"暂无信息"}
						</div>
						</div>
					<div class="am-u-sm-12" style="margin-bottom: 10px;">
					<div class="am-u-sm-6">
						<div class="order_key am-text-truncate">掌握语言：</div>
							<div class="am-fl">
								<select multiple data-am-selected="{btnWidth: '100%', btnSize: 'sm'}" disabled="disabled">
									{$languages}
								</select>
							</div>
						</div>
						</div>
					
					<div class="am-u-sm-12" style="margin-bottom: 10px;">
						<div class="am-u-sm-3">
							<div class="order_key am-text-truncate">头像:</div>
							<div class="am-fl"><img data-magnify='1' style="width: 100px;height:100px;" src="{if $item.head_img}{:CxImg($item.head_img)}{else/}{$static_dir}/assets/img/noimg.gif{/if}" /></div>

						</div>
						<div class="am-u-sm-3">
							<div class="order_key am-text-truncate">半身照：</div>
							<div class="am-fl"><img data-magnify='1' style="width: 100px;height:100px;" src="{if $item.half_body_img}{:CxImg($item.half_body_img)}{else/}{$static_dir}/assets/img/noimg.gif{/if}" /></div>

						</div>
						<div class="am-u-sm-3">
							<div class="order_key am-text-truncate">保险：</div>
							<div class="am-fl">
								<img data-magnify='1' style="width: 100px;height:100px;" src="{if $item.insurance_img}{:CxImg($item.insurance_img)}{else/}{$static_dir}/assets/img/noimg.gif{/if}" />
							</div>

						</div>
						<div class="am-u-sm-3">
							<div class="order_key am-text-truncate">合同：</div>
							<div class="am-fl">
								<img data-magnify='1' style="width: 100px;height:100px;" src="{if $item.contract_img}{:CxImg($item.contract_img)}{else/}{$static_dir}/assets/img/noimg.gif{/if}" />
							</div>

						</div>
					</div>
				</fieldset>
				<fieldset>
					<legend>证件信息</legend>
					<div class="am-u-sm-12" style="margin-bottom: 10px;">
						<div class="am-u-sm-3">
							<div class="order_key am-text-truncate">身份证：</div>
							<div class="am-fl">
								<img data-magnify='1' style="width: 150px;height:100px;" src="{if $item.id_img}{:CxImg($item.id_img)}{else/}{$static_dir}/assets/img/noimg.gif{/if}" />
							</div>

						</div>
						<div class="am-u-sm-3">
							<div class="order_key am-text-truncate">驾驶证：</div>
							<div class="am-fl">
								<img data-magnify='1' style="width: 150px;height:100px;" src="{if $item.driver_license_img}{:CxImg($item.driver_license_img)}{else/}{$static_dir}/assets/img/noimg.gif{/if}" />
							</div>

						</div>
						<div class="am-u-sm-3">
							<div class="order_key am-text-truncate">居住证：</div>
							<div class="am-fl">
								<img data-magnify='1' style="width: 150px;height:100px;" src="{if $item.residence_permit_img}{:CxImg($item.residence_permit_img)}{else/}{$static_dir}/assets/img/noimg.gif{/if}" />
							</div>

						</div>
						<div class="am-u-sm-3">
						</div>
					</div>
				</fieldset>
				<fieldset>
					<legend>银行信息</legend>
					<div class="am-u-sm-12" style="margin-bottom: 10px;">
						<div class="am-u-sm-12">
							<div class="am-u-sm-12">
								<div class="order_key am-text-truncate">银行卡：</div>
								{$item.bank_card?:"暂无信息"}
							</div>
						</div>
					</div>
					<div class="am-u-sm-12" style="margin-bottom: 10px;">
						<div class="am-u-sm-12">
							<div class="am-u-sm-12">
								<div class="order_key am-text-truncate">微信账号：</div>
								{$item.wechat?:"暂无信息"}

							</div>
						</div>
					</div>
					<div class="am-u-sm-12" style="margin-bottom: 10px;">
						<div class="am-u-sm-12">
							<div class="am-u-sm-12">
								<div class="order_key am-text-truncate">支付宝账号：</div>
								{$item.alipay?:"暂无信息"}
							</div>
						</div>
					</div>
				</fieldset>
			</div>

			<div class="am-tab-panel am-fade" id="tab2">
				<form class="am-form tpl-form-border-form" action="" method="get">

					<div class="am-u-sm-12" style="margin-bottom: 10px;">
						<div class="am-u-sm-6 cl-p">
							<div class="am-u-sm-12 cl-p">
								<div class="am-u-sm-6 cl-p">
									<div class="am-u-sm-11 cl-p">
										<input type="text" class="am-form-field tpl-form-no-bg am-margin-top-xs" placeholder="开始时间" data-am-datepicker="" readonly="">
									</div>
									<div class="am-u-sm-1 cl-p" style="text-align: center;line-height: 40px;">-</div>
								</div>
								<div class="am-u-sm-6 cl-p">
									<div class="am-u-sm-12 cl-p">
										<input type="text" class="am-form-field tpl-form-no-bg am-margin-top-xs" placeholder="结束时间" data-am-datepicker="" readonly="">
									</div>
								</div>
							</div>
						</div>
						<div class="am-u-sm-6">
							<div class="am-u-sm-12">
								<button type="submit" class="am-btn am-btn-sm am-btn-primary am-radius" style="margin-top:6px">查询</button>
							</div>
						</div>
					</div>
				</form>
				<div class="am-u-sm-12" style="margin-bottom: 10px;">
					<table width="100%" class="am-table am-table-compact am-table-bordered am-table-radius am-table-striped tpl-table-black am-text-nowrap">
						<thead>
							<tr>
								<th>日期</th>
								<th>在线时长</th>
								<th>违章次数</th>
								<th>用户投诉次数</th>
							</tr>
						</thead>
						<tbody>
							{foreach $list as $key => $item}
							<tr data-id="{$item.name}">
								<td>{$item.role_id}</td>
								<td>{$item.name}</td>
								<td>{$item.role_id}</td>
								<td>{$item.role_id}</td>

							</tr>
							{/foreach}
							<!-- more data -->
						</tbody>

					</table>
				</div>
			</div>
			<div class="am-tab-panel am-fade" id="tab3">
				<form class="am-form-inline tpl-form-border-form" action="" method="get">
					<div class="am-u-sm-12" style="margin-bottom: 10px;">
						<div class="am-u-sm-4 cl-p">
							<div class="am-u-sm-12 cl-p">
								<div class="am-u-sm-6 cl-p">
									<div class="am-u-sm-11 cl-p">
										<input type="date" name="start_time" placeholder="开始时间" >
									</div>
									<div class="am-u-sm-1 cl-p" style="text-align: center;line-height: 40px;">-</div>
								</div>
								<div class="am-u-sm-6 cl-p">
									<div class="am-u-sm-12 cl-p">
										<input type="date"  name="end_time" placeholder="结束时间">
									</div>
								</div>
							</div>
						</div>
						<div class="am-u-sm-3 ">
							<select name="order_stats" >
								<option value="1">待审批</option>
								<option value="2">已批准</option>
								<option value="3">已拒绝</option>
								<option value="4">待用车</option>
								<option value="5">已派车</option>
								<option value="6">接驾中</option>
								<option value="7">已到达出发地</option>
								<option value="8">已到达目的地</option>
								<option value="9">待支付</option>
								<option value="10">待评价</option>
								<option value="11">已完成</option>
								<option value="12">已取消</option>
								<option value="13">已终止</option>
								<option value="14">无效</option>
							</select>
						</div>
						<div class="am-u-sm-5">
							<div class="am-u-sm-12">
								<button type="submit" class="am-btn am-btn-sm  am-btn-primary am-radius" >查询</button>
							</div>
						</div>
					</div>
				</form>
				
				<div class="am-u-sm-12" style="margin-bottom: 10px;">
					<table width="100%" class="am-table am-table-compact am-table-bordered am-table-radius am-table-striped tpl-table-black am-text-nowrap">
						<thead>
							<tr>
								<th>订单号</th>
								<th>申请时间</th>
								<th>接单时间</th>
								<th>乘客</th>
								<th>里程</th>
								<th>乘车时间</th>
								<th>完成时间</th>
								<th>车费</th>
								<th>支付状态</th>
								<th>师傅收入</th>
							</tr>
						</thead>
						<tbody>
							{foreach $list as $key => $order}
							<tr class="order" data-orderid="{$item.order_no}">
								<td>{$order.order_no}</td>
								<td>{$order.apply_time}</td>
								<td>{$order.orders_time}</td>
								<td><a href="{:url('passenger/detail')}?passenger_id={$order.passenger_id}">{$order.passenger_name}</td>
								<td>{$order.meter}</td>
								<td>{$order.ride_time}</td>
								<td>{$order.complete_time}</td>
								<td>{$order.original_price}</td>
								<td>{$order.order_state}</td>
								<td>{$order.settlement_price}</td>

							</tr>
							{/foreach}
							<!-- more data -->
						</tbody>

					</table>
				</div>
			</div>
		</div>
		{if $notPopup}
		<div class="am-u-sm-12" style="margin: 10px 0;">
			<a onclick="self.location=document.referrer;" class="am-btn am-btn-sm am-btn-primary am-radius back">返回</a>
			<!--<button type="button" class="am-btn am-btn-sm am-btn-primary am-radius">编辑</button>-->
			<!--<button type="button" class="am-btn am-btn-sm am-btn-secondary am-radius">查看钱包</button>
			<button type="button" class="am-btn am-btn-sm am-btn-secondary am-radius">重置密码</button>-->
		</div>
		{/if}
	</div>

</div>